<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>
 <%

 String path = request.getContextPath();
 	String basePath = request.getScheme() + "://"
 			+ request.getServerName() + ":" + request.getServerPort()
 			+ path + "/";
 %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>与国际接轨</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="<%=basePath%>assets/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 60px;
      }

      /* Custom container */
      .container {
        margin: 0 auto;
        max-width: 1000px;
      }
      .container > hr {
        margin: 60px 0;
      }

      /* Main marketing message and sign up button */
      .jumbotron {
        margin: 80px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 100px;
        line-height: 1;
      }
      .jumbotron .lead {
        font-size: 24px;
        line-height: 1.25;
      }
      .jumbotron .btn {
        font-size: 21px;
        padding: 14px 24px;
      }

      /* Supporting marketing content */
      .marketing {
        margin: 60px 0;
      }
      .marketing p + h4 {
        margin-top: 28px;
      }


      /* Customize the navbar links to be fill the entire space of the .navbar */
      .navbar .navbar-inner {
        padding: 0;
      }
      .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
      }
      .navbar .nav li {
        display: table-cell;
        width: 1%;
        float: none;
      }
      .navbar .nav li a {
        font-weight: bold;
        text-align: center;
        border-left: 1px solid rgba(255,255,255,.75);
        border-right: 1px solid rgba(0,0,0,.1);
      }
      .navbar .nav li:first-child a {
        border-left: 0;
        border-radius: 3px 0 0 3px;
      }
      .navbar .nav li:last-child a {
        border-right: 0;
        border-radius: 0 3px 3px 0;
      }
    </style>
    <link href="<%=basePath%>assets/css/bootstrap-responsive.min.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=basePath%>assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=basePath%>assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=basePath%>assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="<%=basePath%>assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="<%=basePath%>assets/ico/favicon.png">
  </head>

  <body>

    <div class="container">

      <div class="masthead">
        <h3 class="muted">与国际接轨</h3>
        <div class="navbar">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">公告</a></li>
                <li><a href="#">服务内容</a></li>
                <li><a href="#">介绍</a></li>
                <li><a href="#">关于我们</a></li>
                <li><a href="#">联系我们</a></li>
                <!-- <li><a href="manager/modules/demo/save.jsp">添加数据</a></li> -->
              </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
      </div>

      <!-- Jumbotron -->
      <div class="jumbotron">
        <h1>两豪车相撞</h1>
        <p class="lead">据新华社电“一个事故两个豪车碰撞，谈来谈去谈不通……”“后来决定双方向四川各捐两万，然后双方互不追究了……然后双方就去银行了。”28日，新浪博主“无名可改典藏犯最爱吃包子”在网上说起这样一件趣事。此事经网络传播后，被网民称为“最有爱交通事故”。</p>
        <a class="btn btn-large btn-success" href="<%=basePath%>login.jsp">加入我们</a>
      </div>

      <hr>

      <!-- Example row of columns -->
      
      <div class="row-fluid">
      <s:iterator value="#request.DEMO_LIST">
        <div class="span4">
          <h2><i class="icon-search"></i>${title}</h2>
          <p><abbr title=${title}>${title}</abbr>，${content}</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
        </s:iterator>
        </div>
        
<!--         <div class="span4">
          <h2><i class="icon-thumbs-down"></i>租房</h2>
          <p>一个或多个承租人为了满足居住、用于商业用途或商住两用的意愿而租用一个单间或整套房间行为称为租房。通常有：政策性租赁房 、廉租房 、 经济适用房、两限两竞房、保障性住房、合租房等几种形式。</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
       </div>
        <div class="span4">
          <h2>手机</h2>
          <p>移动电话，通常称为手机，早期又有大哥大的俗称，是可以在较广范围内使用的便携式电话终端。目前已发展至4G时代。</p>
          <p><a class="btn" href="#">View details &raquo;</a></p>
        </div>
       -->

      <hr>

      <div class="footer">
        <p>&copy; Company 2013</p>
      </div>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="<%=basePath%>assets/ajax/jquery/jquery-1.9.1.min.js"></script>
    <script src="<%=basePath%>assets/js/bootstrap.min.js"></script>
	<script src="<%=basePath%>assets/ajax/artDialog4.1.7/artDialog.js?skin=default"></script> 
	<script src="<%=basePath%>assets/ajax/common/handle.js"></script>
	<script src="<%=basePath%>assets/ajax/artDialog4.1.7/plugins/iframeTools.js"></script>
	<script type="text/javascript">
		gg();
	</script>
  </body>
</html>
